<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="../img/bitbug_favicon .ico" type="image/x-icon" />
    <title>六安美团网-六安美食_酒店_旅游_团购_电影_吃喝玩乐</title>
    <link rel="stylesheet" href="../css/swiper-bundle.min.css">
    <link rel="stylesheet" href="../css/shouye.css">
</head>

<body>
    <!-- 导航 -->
    <div class="nav">
        <div class="nav-wrap">
            <div class="nav-left">
                <ul>
                    <li> <span></span> 六安</li>
                    <li>切换城市</li>
                    <li>[</li>
                    <li>舒城</li>
                    <li>霍邱</li>
                    <li>肥西县</li>
                    <li>]</li>
                    <li class="Btnregister">立即注册</li>
                    <li class="Btnlogin">登录</li>
                </ul>
            </div>
            <div class="nav-right">
                <ul>
                    <li>我的美团</li>
                    <li>我的美团</li>
                    <li>我的美团</li>
                    <li>我的美团</li>
                    <li>我的美团</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 导航 -->
    <!-- 搜索框 -->
    <div class="sorue">
        <div class="sorue-wrap">
            <div class="logo">
                <img src="../img/logo.png" alt="">
                <div class="logo-img">
                    <input type="text"><span>&gt</span>
                </div>
            </div>
            <p class="lei">全部分类</p>
            <div class="list">
                <ul>
                    <li>美团外卖</li>
                    <li class="move-btn">猫眼电影</li>
                    <li>美团酒店</li>
                    <li>民宿/公寓</li>
                    <li>商家入驻</li>
                    <li>美团公益</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 搜索框 -->
    <!-- 轮播图 -->
    <div class="main">
        <div class="main-left">
            <div class="main-left-content">
                <ul>
                    <li><img src="../icon/fenzu.png" alt=""><span class="select">美食</span><i>＞</i></li>
                    <li><img src="../icon/meituan.png" alt=""><span class="select">外卖</span><i>＞</i></li>
                    <li><img src="../icon/jiudian.png" alt=""><span class="select">酒店</span><i>＞</i></li>
                    <li><img src="../icon/fangzi.png" alt=""><span class="select">民宿</span><i>＞</i></li>
                    <li><img src="../icon/maoyan.png" alt=""><span class="select">猫眼电影</span><i>＞</i></li>
                    <li><img src="../icon/dongchegaotie.png" alt=""><span class="select">机票</span><span>/</span><span
                            class="select">火车票</span><i>＞</i></li>
                    <li><img src="../icon/huatongmai-.png" alt=""><span
                            class="select">休闲娱乐</span><span>/</span><span>KTV</span><i>＞</i></li>
                    <li><img src="../icon/shenghuofuwu.png" alt=""><span class="select">生活服务</span><i>＞</i></li>
                    <li><img src="../icon/meifa.png" alt=""><span class="select">丽人</span><span>/</span><span
                            class="select">美发</span><span>/</span><span class="select">医学美容</span><i>＞</i></li>
                    <li><img src="../icon/zuanshi.png" alt=""><span class="select">结婚</span><span>/</span><span
                            class="select">婚纱摄影</span><span>/</span><span class="select">婚宴</span><i>＞</i></li>
                    <li><img src="../icon/_qinziguanxi.png" alt=""><span class="select">亲子</span><span>/</span><span
                            class="select">儿童乐园</span><span>/</span><span class="select">幼教</span><i>＞</i></li>
                    <li><img src="../icon/jianshen-yaling.png" alt=""><span
                            class="select">运动健身</span><span>/</span><span class="select">健身中心</span><i>＞</i></li>
                    <li><img src="../icon/zhuangxiu.png" alt=""><span class="select">家装</span><span>/</span><span
                            class="select">建材</span><span>/</span><span class="select">家居</span><i>＞</i></li>
                    <li><img src="../icon/fen.png" alt=""><span class="select">学习培训</span><span>/</span><span
                            class="select">音乐培训</span><i>＞</i></li>
                    <li><img src="../icon/medicinebox-fill.png" alt=""><span
                            class="select">医疗健康</span><span>/</span><span class="select">宠物</span><span>/</span><span
                            class="select">爱车</span><i>＞</i></li>
                    <li><img src="../icon/jiuba.png" alt=""><span class="select">酒吧</span><span>/</span><span
                            class="select">密室逃脱</span><i>＞</i></li>
                </ul>
            </div>
        </div>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="http://p0.meituan.net/codeman/daa73310c9e57454dc97f0146640fd9f69772.jpg" alt=""
                        class="lunbo-img">
                </div>
                <div class="swiper-slide">
                    <img src="http://p1.meituan.net/codeman/826a5ed09dab49af658c34624d75491861404.jpg" alt=""
                        class="lunbo-img">
                </div>
                <div class="swiper-slide">
                    <img src="http://p1.meituan.net/codeman/826a5ed09dab49af658c34624d75491861404.jpg" alt=""
                        class="lunbo-img">
                </div>
                <div class="swiper-slide">
                    <img src="http://p0.meituan.net/codeman/33ff80dc00f832d697f3e20fc030799560495.jpg" alt=""
                        class="lunbo-img">
                </div>
                <div class="swiper-slide">
                    <img src="https://p1.meituan.net/travelcube/01d2ab1efac6e2b7adcfcdf57b8cb5481085686.png" alt=""
                        class="lunbo-img">
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
        <div class="main-right">
            <div class="main-right-content">
                <div class="main-right-content-top">
                    <div class="main-right-content-top-img"></div>
                    <div class="main-right-content-top-content">Hi！你好</div>
                    <div class="main-right-content-top-login">注册</div>
                    <div class="main-right-content-top-register">立即登录</div>
                </div>
                <div class="main-right-content-foot">
                    <div class="main-right-content-foot-2D"></div>
                    <div class="main-right-content-foot-content">
                        <p>美团APP手机版</p>
                        <span class="money">1元起</span><span>吃喝玩乐</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 轮播图 -->
    <!-- 猫眼电影 -->
    <div class="main-second">
        <div class="main-nav">
            <span>猫眼电影</span><span>即将上映</span><span>全部></span><span>▲</span>
        </div>
        <div class="main-content">
            <!-- <a href="./detail.html" style="display: inline-block;width: 18%;height: 380px;">
                <div class="main-contain-item" style="background-image: url('../img/速度与激情.jpg');">
                    <div class="main-contain-item-info"><span>35187</span><span>人想看</span><span>速度与激情</span></div>
                </div>
            </a> -->
            <!-- <div class="main-contain-item">
                <div class="main-contain-item-info"><span>14116</span><span>人想看</span><span>扫黑</span></div>
            </div>
            <div class="main-contain-item">
                <div class="main-contain-item-info"><span>11629</span><span>人想看</span><span>追虎擒龙s</span></div>
            </div>
            <div class="main-contain-item">
                <div class="main-contain-item-info"><span>10751</span><span>人想看</span><span>我要我们在一起</span></div>
            </div>
            <div class="main-contain-item">
                <div class="main-contain-item-info"><span>8420</span><span>人想看</span><span>悬崖之上</span></div>
            </div> -->
        </div>
    </div>
    <!-- 猫眼电影 -->
    <!-- 猜你喜欢 -->
    <div class="main1">
        <div class="main-nav">
            <span>猜你喜欢</span><span>为你甄选最合适的</span>
            <p>▲</p>
        </div>
        <div class="main-content">
            <div class="main-content-item">
                <div class="main-content-item-top">
                    <div class="content-tag">
                        <img src="../img/三汁焖锅.jpg" alt="">
                        <p class="title">三汁焖锅</p>
                        <div class="content-comment">
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>1622个评价</span>
                        </div>
                        <p class="place">中国婚纱城</p>
                        <p class="cost">￥159.0起</p>
                    </div>
                </div>
                <div class="main-content-item-middle">
                    <div class="content-tag">
                        <img src="../img/名师名客 Styling Salon.jpg" alt="">
                        <p class="title">名师名客</p>
                        <div class="content-comment">
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>1622个评价</span>
                        </div>
                        <p class="place">中国婚纱城</p>
                        <p class="cost">￥159.0起</p>
                    </div>
                </div>
                <div class="main-content-item-bottom">
                    <div class="content-tag">
                        <img src="../img/国足臭豆腐（世纪联华店）.jpg" alt="">
                        <p class="title">国足臭豆腐</p>
                        <div class="content-comment">
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>1622个评价</span>
                        </div>
                        <p class="place">中国婚纱城</p>
                        <p class="cost">￥159.0起</p>
                    </div>
                </div>
            </div>
            <div class="main-content-item">
                <div class="main-content-item-top">
                    <div class="content-tag">
                        <img src="../img/大龍钏老火锅（金外滩店）.jpg" alt="">
                        <p class="title">大龍钏老火锅</p>
                        <div class="content-comment">
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>1622个评价</span>
                        </div>
                        <p class="place">中国婚纱城</p>
                        <p class="cost">￥159.0起</p>
                    </div>
                </div>
                <div class="main-content-item-middle">
                    <div class="content-tag">
                        <img src="../img/威尔康（恒生阳光城店）.jpg" alt="">
                        <p class="title">威尔康</p>
                        <div class="content-comment">
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>1622个评价</span>
                        </div>
                        <p class="place">中国婚纱城</p>
                        <p class="cost">￥159.0起</p>
                    </div>
                </div>
                <div class="main-content-item-bottom">
                    <div class="content-tag">
                        <img src="../img/川富火锅烤肉自助餐厅（新都会店）.jpg" alt="">
                        <p class="title">川富火锅烤肉</p>
                        <div class="content-comment">
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>1622个评价</span>
                        </div>
                        <p class="place">中国婚纱城</p>
                        <p class="cost">￥159.0起</p>
                    </div>
                </div>
            </div>
            <div class="main-content-item">
                <div class="main-content-item-top">
                    <div class="content-tag">
                        <img src="../img/曙光铂尊酒店.jpg" alt="">
                        <p class="title">曙光铂尊酒店</p>
                        <div class="content-comment">
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>1622个评价</span>
                        </div>
                        <p class="place">中国婚纱城</p>
                        <p class="cost">￥159.0起</p>
                    </div>
                </div>
                <div class="main-content-item-middle">
                    <div class="content-tag">
                        <img src="../img/桥头排骨（海心沙店）.jpg" alt="">
                        <p class="title">桥头排骨</p>
                        <div class="content-comment">
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>1622个评价</span>
                        </div>
                        <p class="place">中国婚纱城</p>
                        <p class="cost">￥159.0起</p>
                    </div>
                </div>
                <div class="main-content-item-bottom">
                    <div class="content-tag">
                        <img src="../img/正宗桂林米粉&陆大大纯手工饮品.jpg" alt="">
                        <p class="title">正宗桂林米粉</p>
                        <div class="content-comment">
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>1622个评价</span>
                        </div>
                        <p class="place">中国婚纱城</p>
                        <p class="cost">￥159.0起</p>
                    </div>
                </div>
            </div>
            <div class="main-content-item">
                <div class="main-content-item-top">
                    <div class="content-tag">
                        <img src="../img/竹子口腔（万达分院）.jpg" alt="">
                        <p class="title">竹子口腔</p>
                        <div class="content-comment">
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>1622个评价</span>
                        </div>
                        <p class="place">中国婚纱城</p>
                        <p class="cost">￥159.0起</p>
                    </div>
                </div>
                <div class="main-content-item-middle">
                    <div class="content-tag">
                        <img src="../img/香皖功夫煲仔（百大金商都店）.jpg" alt="">
                        <p class="title">香皖功夫煲仔</p>
                        <div class="content-comment">
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>1622个评价</span>
                        </div>
                        <p class="place">中国婚纱城</p>
                        <p class="cost">￥159.0起</p>
                    </div>
                </div>
                <div class="main-content-item-bottom">
                    <div class="content-tag">
                        <img src="../img/麦田KTV.jpg" alt="">
                        <p class="title">麦田KTV</p>
                        <div class="content-comment">
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>1622个评价</span>
                        </div>
                        <p class="place">中国婚纱城</p>
                        <p class="cost">￥159.0起</p>
                    </div>
                </div>
            </div>
            <div class="main-content-item">
                <div class="main-content-item-top">
                    <div class="content-tag">
                        <img src="../img/国足臭豆腐（世纪联华店）.jpg" alt="">
                        <p class="title">国足臭豆腐</p>
                        <div class="content-comment">
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>1622个评价</span>
                        </div>
                        <p class="place">中国婚纱城</p>
                        <p class="cost">￥159.0起</p>
                    </div>
                </div>
                <div class="main-content-item-middle">
                    <div class="content-tag">
                        <img src="../img/威尔康（恒生阳光城店）.jpg" alt="">
                        <p class="title">威尔康</p>
                        <div class="content-comment">
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>1622个评价</span>
                        </div>
                        <p class="place">中国婚纱城</p>
                        <p class="cost">￥159.0起</p>
                    </div>
                </div>
                <div class="main-content-item-bottom">
                    <div class="content-tag">
                        <img src="../img/曙光铂尊酒店.jpg" alt="">
                        <p class="title">曙光铂尊酒店</p>
                        <div class="content-comment">
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>☆</span>
                            <span>1622个评价</span>
                        </div>
                        <p class="place">中国婚纱城</p>
                        <p class="cost">￥159.0起</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 猜你喜欢 -->
    <!-- 美团导航 -->
    <div class="main-fourth">
        <div class="main-content">
            <div class="main-content-top">
                <div class="main-content-top-nav"><span>美团导航</span></div>
                <div class="main-content-top-first">
                    <div class="main-content-top-item"><span>热门城市</span></div>
                    <div class="main-content-top-ul line">
                        <ul>
                            <li>深圳</li>
                            <li>温州</li>
                            <li>哈尔滨</li>
                            <li>太原</li>
                            <li>太原</li>
                            <li>太原</li>
                            <li>太原</li>
                            <li>太原</li>
                            <li>太原</li>
                            <li>太原</li>
                            <li>太原</li>
                            <li>太原</li>
                            <li>太原</li>
                            <li>太原</li>
                            <li>太原</li>
                            <li>太原</li>
                            <li>太原</li>
                            <li>太原</li>
                            <li>太原</li>
                            <li>太原</li>
                        </ul>
                    </div>
                </div>
                <div class="main-content-top-second">
                    <div class="main-content-top-item"><span>热门分类</span></div>
                    <div class="main-content-top-ul line">
                        <ul>
                            <li class="hot-parent">酒店<span class="hot">HOT</span></li>
                            <li>酒店</li>
                            <li>酒店</li>
                            <li>酒店</li>
                            <li>酒店</li>
                            <li>酒店</li>
                            <li>酒店</li>
                            <li>酒店</li>
                            <li>酒店</li>
                            <li>酒店</li>
                            <li>酒店</li>
                            <li>酒店</li>
                            <li>酒店</li>
                            <li>酒店</li>
                            <li>酒店</li>
                            <li>酒店</li>
                            <li>酒店</li>
                            <li>酒店</li>
                            <li>酒店</li>
                        </ul>
                    </div>
                </div>
                <div class="main-content-top-third">
                    <div class="main-content-top-item"><span>周边热门</span></div>
                    <div class="main-content-top-ul">
                        <ul>
                            <li>美食</li>
                            <li>美食</li>
                            <li>美食</li>
                            <li>美食</li>
                            <li>美食</li>
                            <li>美食</li>
                            <li>美食</li>
                            <li>美食</li>
                            <li>美食</li>
                            <li>美食</li>
                            <li>美食</li>
                            <li>美食</li>
                            <li>美食</li>
                            <li>美食</li>
                            <li>美食</li>
                            <li>美食</li>
                            <li>美食</li>
                            <li>美食</li>
                            <li>美食</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="main-content-foot">
                <div class="main-content-foot-first">
                    <div class="main-content-foot-first-help">
                        <p>用户帮助</p>
                        <ul>
                            <li>申请退款</li>
                            <li>申请退款</li>
                            <li>申请退款</li>
                            <li>申请退款</li>
                            <li>申请退款</li>
                            <li>申请退款</li>
                            <li>申请退款</li>
                        </ul>
                    </div>
                    <div class="main-content-foot-first-service">
                        <p>美团服务</p>
                        <ul>
                            <li>美团外卖</li>
                            <li>美团外卖</li>
                            <li>美团外卖</li>
                            <li>美团外卖</li>
                            <li>美团外卖</li>
                            <li>美团外卖</li>
                            <li>美团外卖</li>
                            <li>美团外卖</li>
                        </ul>
                    </div>
                </div>
                <div class="main-content-foot-second">
                    <div class="main-content-foot-second-corp">
                        <p>商家合作</p>
                        <ul>
                            <li>美团餐饮商户中心</li>
                            <li>美团餐饮商户中心</li>
                            <li>美团餐饮商户中心</li>
                            <li>美团餐饮商户中心</li>
                            <li>美团餐饮商户中心</li>
                            <li>美团餐饮商户中心</li>
                            <li>美团餐饮商户中心</li>
                            <li>美团餐饮商户中心</li>
                            <li>美团餐饮商户中心</li>
                            <li>美团餐饮商户中心</li>
                            <li>美团餐饮商户中心</li>
                            <li>美团餐饮商户中心</li>
                            <li>美团餐饮商户中心</li>
                            <li>美团餐饮商户中心</li>
                            <li>美团餐饮商户中心</li>
                            <li>美团餐饮商户中心</li>
                            <li>美团餐饮商户中心</li>
                        </ul>
                    </div>
                </div>
                <div class="main-content-foot-third">
                    <div class="main-content-foot-third-join">
                        <p>代理商加盟</p>
                        <ul>
                            <li>美团外卖代理商招募</li>
                            <li>美团外卖代理商招募</li>
                            <li>美团外卖代理商招募</li>
                            <li>美团外卖代理商招募</li>
                            <li>美团外卖代理商招募</li>
                            <li>美团外卖代理商招募</li>
                            <li>美团外卖代理商招募</li>
                        </ul>
                    </div>
                    <div class="main-content-foot-third-rule">
                        <p>美团规则</p>
                        <ul>
                            <li>规则中信</li>
                            <li>规则中信</li>
                            <li>规则中信</li>
                        </ul>
                    </div>
                </div>
                <div class="main-content-foot-fourth">
                    <div class="main-content-foot-fourth-focus">
                        <p>关注美团</p>
                        <ul>
                            <li>美团新浪微博</li>
                        </ul>
                    </div>
                    <div class="main-content-foot-fourth-info">
                        <p>公司信息</p>
                        <ul>
                            <li>关于我们</li>
                            <li>关于我们</li>
                            <li>关于我们</li>
                            <li>关于我们</li>
                            <li>关于我们</li>
                        </ul>
                    </div>
                    <div class="main-content-foot-fourth-tip">
                        <p>廉政举报</p>
                        <ul>
                            <li>廉政举报平台</li>
                        </ul>
                    </div>
                    <div class="main-content-foot-fourth-kno">
                        <p>知识产权</p>
                        <ul>
                            <li>知识产权维权平台</li>
                        </ul>
                    </div>
                </div>
                <div class="main-content-foot-fifth">
                    <div class="main-content-foot-fifth-phone">
                        <p>消费者服务热线</p>
                        <ul>
                            <li>外卖消费者：10109777</li>
                            <li>外卖消费者：10109777</li>
                            <li>外卖消费者：10109777</li>
                        </ul>
                    </div>
                    <div class="main-content-foot-fifth-hot">
                        <p>商家服务热线</p>
                        <ul>
                            <li>外卖&餐饮商家：10105557</li>
                            <li>外卖&餐饮商家：10105557</li>
                            <li>外卖&餐饮商家：10105557</li>
                        </ul>
                    </div>
                    <div class="main-content-foot-fifth-tip">
                        <p>投诉举报热线</p>
                        <ul>
                            <li>违法和不良信息举报电话：4006018900</li>
                            <li>举报邮箱：tousujubao@meituan.com</li>
                        </ul>
                    </div>
                    <div class="main-content-foot-fifth-bus">
                        <p>商家自助入驻美团入口</p>
                    </div>
                    <div class="main-content-foot-fifth-pro">
                        <p>供应商注册入口</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- 美团导航 -->
</body>
<script src="../js/swiper-bundle.min.js"></script>
<script src="../js/ajax1.js"></script>
<script>
    var all = document.querySelector('.main-content')
    console.log(all);
    var mySwiper = new Swiper('.swiper-container', {
        direction: 'horizontal', // 垂直切换选项
        loop: true, // 循环模式选项
        speed: 300,
        autoplay: {
            delay: 3000
        },
        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
	        clickable :true,
        },

        // 如果需要前进后退按钮
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },

    })
    const moveBtn = document.querySelector('.move-btn')
    moveBtn.onclick = function(){
        location.href = "./detail.html"
    }
    const registerBtn = document.querySelector('.main-right-content-top-login')
    registerBtn.onclick = function(){
        location.href = "./register.html"
    }
    const loginBtn = document.querySelector('.main-right-content-top-register')
    loginBtn.onclick = function(){
        location.href = "./login.html"
    }
    ajax({
        url: '../php/findGoodInCart.php',
        type: 'post',
        dataType:'json',
        success: function (res) {
            goodLists = res;
            let str = ''
            goodLists.forEach(item => {
                if(item.ids==1){
                    str += `<a href="./detail.html?id=${item.id}" style="display: inline-block;width: 18%;height: 380px;">
                                <div class="main-contain-item" style="background-image: url('${item.image}');" class="all">
                                    <div class="main-contain-item-info"><span>35187</span><span>人想看</span><span>${item.name}</span></div>
                                </div>
                            </a>`
                }
            });
            document.querySelector('.main-content').innerHTML = str
        }
    })
    var Btnregister =document.querySelector('.Btnregister')
    console.log(Btnregister);
    Btnregister.onclick = function(){
        location.href="./register.html"
    }
    var Btnlogin =document.querySelector('.Btnlogin')
    Btnlogin.onclick = function(){
        location.href="./login.html"
    }

</script>

</html>